/*
	Copyright Ben Jenkinson 2008
	contact [at]  BenJenkinson [dot] com
	http://uni.BenJenkinson.com/
*/

	body {
		background:#2b2b2b;
		font-family:"Helvetica", Arial, Verdana, sans-serif;
		font-size:14px;}

	a, a:visited, a:active, a:focus {
		color:#00f;
		text-decoration:none;}
	a:hover {
		text-decoration:underline;}

	/*a {
		padding:1px 2px;
		color:#0B108C;
		color:#015475;
		color:#D6156C;
		color:#CACF43;
		background:#D6156C;
		background:#FA6900;
		color:#fff;
		font-weight:bold;
		text-decoration:none;}
	a:hover {
		color:#fff;
		background:#0B108C;
		background:#D6156C;
		background:#CACF43;
		background:#CC3306;
		text-decoration:none;}
*/
	p, code, pre, kbd {
		margin:0 0 1.5em 0;}
	blockquote {
		margin:0 1.5em 1.5em 1.5em;}
	pre, code, tt {
		font: 1em/1.5em 'Andale Mono', 'Lucida Console', monospace;}
	strong {
		font-weight:bold;}
	small {
		color:#777;
		font-size:13px;
		font-style:italic;}

	/*	#################
		Global Alert (for Internet Explorer)
	*/

	.global-alert {
		background:url(../img/stripe.png);
		border-top:2px solid #000;
		border-bottom:2px solid #000;
		padding:5px 0px;}

	.global-alert a {
		font-size:16px;
		font-weight:bold;
		color:#fff;}

	.global-alert p {
		display:block;
		background:#000;
		padding:10px 6px;
		margin:0px;
		color:#fff;
		font-size:16px;
		text-align:center;
		line-height:1.5em;}

	/*	#################
		Global Navigation
	*/

	#global-navigation {
		background:#fff;
		color:#888;
		line-height:40px;
		vertical-align:middle;}
	#department-branding {
		display:inline-block;
		line-height:40px;
		height:40px;
		margin-right:8px;
		font-family:'Georgia';
		font-weight:normal;
		font-style:italic;
		font-size:18px;
		background:url(../img/icons/nottingham.png) left 50% no-repeat;
		padding-left:32px;}
	#department-branding a {
		color:#666;
		text-decoration:none;}
	#department-branding a:hover {
		color:#000;
		text-decoration:underline;}
	#global-navigation .navigation {
		width:915px;
		margin:0px auto;}
	#global-navigation ul,
	#global-navigation ul li {
		height:32px;
		list-style:none;
		display:inline;}
	.navigation li.this {
		padding-bottom:26px;
		background:url(../img/global-nav-selected.png) 50% bottom no-repeat;}
	.navigation li a {
		color:#000;
		font-size:18px;
		font-weight:bold;
		line-height:18px;
		height:18px;
		text-decoration:none;
		display:inline-block;
		padding-left:20px;
		margin:0px 8px;}
	.navigation li a:hover {
		text-decoration:underline;}
	.extra-symbol {
		display:none;
		font-weight:normal;
		margin:0px 10px;}
	.navigation li a.courses {
		background:url(../img/icons/picol/16/book.png) no-repeat left 50%;}
	.navigation li a.modules {
		background:url(../img/icons/picol/16/folder.png) no-repeat left 50%;}
	.navigation li a.people {
		background:url(../img/icons/picol/16/group.png) no-repeat left 50%;}

	.account-links {
		color:#888;
		float:right;}
	.account-links a {
		margin-right:8px;
		color:#888;
		text-decoration:none;}
	.account-links a:hover {
		color:#000;
		text-decoration:underline;}
	.account-create {
		padding-right:18px;
		background:url(../img/icons/picol/16/account_create.png) no-repeat right 0px;}
	.account-login {
		padding-right:18px;
		background:url(../img/icons/picol/16/account_login.png) no-repeat right 0px;}
	.account-settings {
		padding-right:22px;
		background:url(../img/icons/picol/16/account_settings.png) no-repeat right 0px;}
	.admin {
		padding-right:22px;
		background:url(../img/icons/picol/16/admin.png) no-repeat right 0px;}
	.account-logout {
		padding-right:18px;
		background:url(../img/icons/picol/16/logout.png) no-repeat right 0px;}
	.account-links a:hover {
		background-position:right -16px;}



	/*	#################
		Main Container
	*/

	#global-container {

	}

		#page-container {
			margin:15px auto 40px auto;
			width:915px;
		}

			#header {
			}

		.content-container {
			border:8px solid #222;
			background:#222;
			-moz-border-radius:9px;
			-webkit-border-bottom-left-radius: 9px;
			-webkit-border-bottom-right-radius: 9px;
			-webkit-border-top-left-radius: 9px;
			-webkit-border-top-right-radius: 9px;
		}

			.meta {
			}

			.content {
				background:#fff;
				line-height:1.5em;
				-moz-border-radius:5px;
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
			}
			.content h3 {
				font-size:22px;
				font-weight:bold;
				line-height:20px;
				margin:15px 0px;
			}
			.content h4 {
				font-weight:bold;
				line-height:20px;
				margin:5px 0px;
			}
			.content p {
				margin:5px 0px;
			}

				.main {
					display:block;
					padding:15px 20px;
				}
				.main.with-sidebar {
					width:557px;}

				.sidebar {
					margin:15px 20px;
					display:block;
					float:right;
					width:327px;
					width:280px;
					margin-left:40px;
				}

					.person-list {
						margin-bottom:15px;
					}

					.filter-list {
						border:1px solid #555;
						background:#eee;
					}

						ul.filters {
						}

						.filter-list ul.filters a {
							color:#333;
						}

			hr.clear {
			}


		/*	#################
			Header
		*/

		#header {
			padding:0px 6px 25px 6px;}

		#header h1 {
			color:#fff;
			padding-top:10px;
			font-size:42px;
			font-weight:bold;
		}

		#header h2 {
			color: #bbb;
			font-family:'Georgia';
			margin-top:3px;
			font-style:italic;
			font-size:22px;
			margin-left:2px;
			padding-bottom:5px;
		}

		#header .floating-head {
			float:right;
			font-size:18px;
			line-height:18px;}
		#header .floating-head img {
			float:right;
			border:6px solid #222;
			margin-left:10px;}
		#header .floating-head a {
			color: #bbb;
			text-decoration:none;
			line-height:60px;}
		#header .floating-head a:hover {
			color:#fff;
			text-decoration:none;}
		#header .floating-head span.url {
			display:none;}

		#header .floating-head.giant {
			float:right;
			margin-bottom:15px;}
		#header .floating-head.giant img {
			margin:0px;}

		#header .contact-details {
			float:right;
			margin-top:6px;
			margin-right:6px;
			line-height:26px;
			font-size:16px;
			color:#888;
			text-align:right;
			padding:0px 6px;}
		#header .contact-details a {
			color:#fff;
			text-decoration:none;}
		#header .contact-details a:hover {
			text-decoration:underline;}
		#header .contact-details strong {
			color:#fff;}
		.contact-details span {
			display:block;}
		.contact-details span a {
			padding-right:24px;}
		.contact-details span.email a {
			background:url(../img/icons/picol/16/mail.png) no-repeat right 50%;}
		.contact-details span.email a:hover{
			background-image:url(../img/icons/picol/16/mail_hover.png);}
		.contact-details span.url a {
			background:url(../img/icons/picol/16/website.png) no-repeat right 50%;}
		.contact-details span.url a:hover{
			background-image:url(../img/icons/picol/16/website_hover.png);}
		.contact-details span.phone {
			padding-right:24px;
			background:url(../img/icons/picol/16/phone.png) no-repeat right 50%;}
		.contact-details span.room {
			padding-right:24px;
			background:url(../img/icons/picol/16/home.png) no-repeat right 50%;}


		/*	#################
			Section Navigation
		*/

		#section-navigation ul,
		#section-navigation ul li {
			list-style:none;
			display:inline;}

		#section-navigation {
			line-height:26px;
			padding-top:1px;}

		#section-navigation a {
			color:#bbb;
			padding:5px 8px 4px 8px;
			font-size:14px;
			font-weight:bold;
			text-decoration:none;
			background:#2f2f2f;
			border:1px solid #2f2f2f;
			border-top-color:#3f3f3f;
			border-right-color:#3f3f3f;
			border-left-color:#3f3f3f;
			-moz-border-radius-topleft:6px;
			-moz-border-radius-topright:6px;
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;}

		#section-navigation a:hover {
			color:#fff;
			background:#555;
			border-color:#555;}

		#section-navigation a.this {
			color:#000;
			padding:5px 8px 7px 8px;
			background:#fff;
			font-weight:bold;
			border:1px solid #fff;
			-moz-border-radius-topleft:6px;
			-moz-border-radius-topright:6px;
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;}


	/*	#################
		Person
	*/

	.person-item {
		clear:left;
		height:60px;
		margin:5px 0px;}
		.person-item a {
			line-height:20px;
			text-decoration:none;}
		.person-item a:hover {
				text-decoration:underline;}
			.person-item img {
				float:left;
				border:3px solid #eee;}
			.person-item span.name {
				padding-top:10px;
				padding-left:10px;
				display:block;
				height:20px;
				overflow:hidden;}
			.person-item span.url {
				padding-left:10px;
				display:block;
				float:left;}
			.person-item a span.url {
				color:#666;}
			.person-item a:hover span.url {
				color:#333;
				text-decoration:underline;}

	.person-item.small {
		margin:0px 0px;
		height:42px;}
		.person-item.small span.name {
			line-height:18px;
			height:18px;
			font-size:12px;
			padding-top:0px;
			padding-left:10px;}
		.person-item.small span.url {
			line-height:18px;
			font-size:12px;
			padding-left:10px;}


/*	.tutor-group {
		margin:10px 0px;
		padding:3px 5px 3px 5px;
		border:1px solid #bbb;
		background:#eee;
		color:#444;
		font-size:13px;
		text-align:center;
		-moz-border-radius:9px;
		-webkit-border-radius: 9px;}
	.tutor-group span {
		margin-top:3px;
		margin-bottom:3px;
		padding:5px 8px;
		border:1px solid #bbb;
		display:block;
		font-size:18px;
		font-weight:bold;
		line-height:18px;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;}
	.tutor-group a {
		color:#444;}
	.tutor-group a:hover{
		color:#000;}
	.tutor-group .green {
		background:#0c0;
		color:#050;
		border-color:#090;}
	.tutor-group .red {
		background:#e00;
		color:#000;
		border-color:#600;}
	.tutor-group .white {
		background:#fff;
		color:#444;
		border-color:#bbb;}
	.tutor-group .blue {
		background:#33f;
		color:#002;
		border-color:#009;}
*/
	/*	#################
		Tables
	*/

	table {
		margin:10px 0px;
		border-collapse:collapse;
		border-bottom:1px solid #ccc;
		width:100%;}
	table td, table th {
		padding:0px;
		margin:0px;
		border-spacing:0px;
		border-top:1px solid #ccc;
		vertical-align:middle;
		line-height:30px;}
	table thead th {
		font-style:italic;
		color:#666;}
	table tbody th {
		font-weight:bold;}
	table td img {
		display:block;
		padding:0px;
		margin:0px;}

	/*	#################
		Footer & Meta Information
	*/

	.clear {
		clear:both;
		visibility:hidden;
		height:0px;
		margin:0px;
		padding:0px;
		border:0px;}

	.meta {
		text-align:right;
		padding:7px 4px 0px;
		color:#666;}
	.meta.top {
		padding:0px 4px 7px;}
	.meta a {
		color:#aaa;
		text-decoration:none;}
	.meta a:hover {
		color:#ccc;
		text-decoration:underline;}

	/*	#################
		Debug Bar
	*/

	.debug {
		display:block;
		color:#ddd;
		padding:10px;}
